﻿import * as React from "react";
import * as electron  from 'electron'
import * as Css from '../../工具代码/Css加载'
import 颜色 from '../../工具代码/颜色'
import 数 from '../../工具代码/数'
import R控件基类 from '../../核心代码/R控件基类'
import * as 基类 from '../../核心代码/控件基类'
Css.加载(module.filename)
import R账号输入标签 from './账号输入标签'
import R密码输入标签 from './密码输入标签'
import R链接 from './链接'
import R宽度占位符 from '../展示组件/宽度占位符'
import R文字按钮 from '../展示组件/文字按钮'
import * as 文字按钮 from '../展示组件/文字按钮'
import {按钮类型, 按钮风格, 按钮尺寸} from '../交互组件/按钮常量'

let ipcR = electron.ipcRenderer
let ipcM = electron.remote.ipcMain

let 按钮: 文字按钮.文字按钮 = {}
按钮.按钮标题 = '登 录'
按钮.定位方式 = 'absolute'
按钮.边框 = new 基类.边框(1, 'solid', 颜色.rgb(30, 160, 30))
按钮.圆角 = 3

按钮.单击 = (e) => {
    ipcR.send('启用100')
}

按钮.按下快捷键 = (e) => { }
//按钮.是否启用 = false
按钮.宽度 = new 数('100%')
按钮.高度 = new 数(27)

按钮.颜色 = 颜色.rgb(255, 255, 255)
按钮.背景色 = 颜色.rgb(5, 170, 5)

export default class R登录表单二 extends React.Component<any, any> {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div className="登录框 账号密码登录框组">               
                <form action="" id="登录表单" name="登录表单" method="get">
                    <R账号输入标签
                        id='账号'
                        标签名='账 号'
                        名称='账号'
                        提示内容='账号/手机/邮箱'
                        />
                    <R宽度占位符 宽度='5px' />
                    <R链接 单击={() => { } } 链接名='注册账号' />
                    <R密码输入标签
                        id='密码'
                        标签名='密 码'
                        名称='密码'
                        提示内容='输入密码'
                        />
                    <R宽度占位符 宽度='5px' />
                    <R链接 单击={() => { } } 链接名='找回密码' />
                    <div className="单选按钮组">
                        <input className="单选按钮" id="记住密码" type="checkbox" name="选项" />
                        <label className="单选按钮_标签" htmlFor="记住密码">记住密码</label>
                        <R宽度占位符 宽度='110px'/>
                        <input className="单选按钮" id="自动登录" type="checkbox" name="选项" />
                        <label className="单选按钮_标签" htmlFor="自动登录">自动登录</label>
                    </div>
                    <R文字按钮 {...按钮} />
                </form>
            </div>
        )
    }
}
